<template>
  <div class="common-layout">
    <ul class="addType">
      <li v-for="item in imgStore.imgInfo.list" :key="item.id">
        <img :src="item.url" alt="" />
      </li>
    </ul>
  </div>
</template>
<script setup>
import { useImgStore } from "../../stores/images.js";
const imgStore = useImgStore();
console.log(imgStore, "================================");
</script>
<style lang="less" scoped>
* {
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style: none;
}
.addType::-webkit-scrollbar {
  display: none;
}
.addType {
  height: 400px;
  overflow-y: scroll;
  background-color: cornflowerblue;
  margin-right: 18px;
}
.addType > li {
  float: left;
  margin: 4px 0px 0px 8px;
  // border: 2px solid green;
  img {
    width: 260px;
    height: 190px;
  }
}
</style>
